<template>
    <view class="uc-wrap uc-user-user">
        <view class="user-box">
            <view class="face">
                <image src="https://my.bziyun.com/20250619/face-default_1750324928973.png" mode="aspectFill"></image>
            </view>
            <view class="con">微信用户</view>
        </view>
        <view class="list">
            <navigator class="item" url="" hover-class="none">
                <image src="@/static/images/user-icon-1.png" mode="widthFix" class="uc-icon64"></image>我的订单
            </navigator>
            <navigator class="item" url="" hover-class="none">
                <image src="@/static/images/user-icon-2.png" mode="widthFix" class="uc-icon64"></image>售后服务
            </navigator>
            <navigator class="item" url="" hover-class="none">
                <image src="@/static/images/user-icon-3.png" mode="widthFix" class="uc-icon64"></image>我的卡券
            </navigator>
            <navigator class="item" url="" hover-class="none">
                <image src="@/static/images/user-icon-4.png" mode="widthFix" class="uc-icon64"></image>设置
            </navigator>
        </view>
        <view class="title">
            <view class="name">名片夹</view>
            <navigator class="btn" url="" hover-class="none">编辑</navigator>
        </view>
        <view class="g-cardItem">
            <view class="part">
                <view class="top">
                    <view class="name">
                        <text class="uc-big">郑玲子</text>
                        <text class="uc-tag black-plain">置顶</text>
                    </view>
                    <view class="txt">销售总监</view>
                </view>
                <view class="bottom">
                    <view class="txt2">15808707454</view>
                    <view class="txt2">843772554@qq.com</view>
                </view>
                <view class="face">
                    <image src="https://my.bziyun.com/20250619/face_1750325367141.png" mode="aspectFill"></image>
                </view>
            </view>
            <view class="btm">
                <view class="btn">
                    <image src="@/static/images/icon-call.png" mode="widthFix" class="uc-icon36"></image>拨打电话
                </view>
                <view class="line"></view>
                <view class="btn">
                    <image src="@/static/images/icon-share.png" mode="widthFix" class="uc-icon36"></image>分享名片
                </view>
            </view>
        </view>
    </view>
</template>
<script setup>
    import { ref } from 'vue'
    const name = ref('小')
</script>